@charset "utf-8";
/* CSS Document */

/* reset */
body,html{
    font-family: "Microsoft Yahei", "微软雅黑", "Tahoma", "Arial", "Helvetica", "STHeiti",serif;
    font-size: 12px;
    -webkit-text-size-adjust: none ;
    background: #ffffff;
    color:#757979;
    margin: 0;
    height: 100%;
    padding: 0;
}
body{padding-top: 40px;}
button, input, select, textarea {
    font-family: "Microsoft Yahei", "微软雅黑", "Tahoma", "Arial", "Helvetica", "STHeiti",serif;
    outline: none;
    color: #757979;
}
a:link,a,a:hover{
    text-decoration: none;
}
a:hover{
    color:#2768AA;
}
.hidden{
    display: none;
}
li{list-style: none;}

/* 顶部 */
.ui-header-bar{
    background: none repeat scroll 0 0 #f6f6f6;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
.ui-header-bar a{
    color: #333;
    margin:0 10px 0 0 ;
}
.ui-header-bar .header{
    width: 1200px;
    margin:0 auto;
}
.ui-header-bar .slogan{
    float: left;
}
.ui-header-bar p{
    margin:0px;
}
.ui-header-bar .info{
    float: right;
}

/* 头部 */
.ui-header{
    background: #fff;
}
.ui-header .header{
    height: 105px;
    width: 1200px;
    margin:0 auto;
}
.ui-header .logo{
    float: left;
    margin:20px 20px 20px 0;
}
.ui-header .logo span{
    font-size: 35px;
    color:#f42e5d;
    position: relative;
    top: 8px;
    left: 20px;
}
.ui-header .search{
    float: right;
}
.ui-header .search .search-box input{
    border: medium none;
    box-shadow: none;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 487px;
    float: left;
}
.ui-header .search .search-box{
    border: 1px solid #f42e5d;
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    margin: 30px 0 0;
    width: 600px;
}
.ui-header .search .search-box .search-icon{
    float: left;
    height: 30px;
    left: 2px;
    position: relative;
    top: 2px;
    width: 40px;
    background: url("../images/mmsc/search.jpg") no-repeat;
}
.ui-header .search .search-box .search-btn{
    background: none repeat scroll 0 0 #f42e5d;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 73px;
    cursor: pointer;
}
.ui-header .search  .suggest {
    line-height: 30px;
    margin: 0 0 0 15px;
}
.ui-header .search  .suggest span {
    margin:0 10px 0 0;
}
.ui-header .search  .suggest span.spe {
    color: red;
}

.ui-header .me-cart{ 
    float:right;
	margin:33px 0px 0px;
	font-size:14px;
	color:#3d3d3d;
	
	}


.ui-header .me-cart .me-btn,.cart-btn{
	height:30px;
	line-height:30px;
	border:1px solid #f2f2f2;
	border-radius:2px;
	background:url(../images/mmsc/gradualbtn_bg.jpg) repeat-x;
	float:right;
	margin-left:10px;
	padding:0px 5px;
	cursor:pointer;
	}
.ui-header .me-cart .me-btn:hover{
    color:#df2a55;}
.ui-header .me-cart .cart-btn:hover{
	color:#df2a55;}

.ui-header .me-cart .me-btn img{ margin-right:2px;}


.ui-header .me-cart .cart-btn img{ margin-right:2px;}
	
.ui-header .me-cart .me-btn{
	width:80px;
	}
	
.ui-header .me-cart .cart-btn{
	width:100px;
	}
	
	


/* 导航条 */
.ui-menu{
    background: #f42e5d;
    line-height: 40px;
}
.ui-menu .menu{
    width: 1200px;
    margin:0 auto;
	position:relative;
}

.ui-menu .menu .product-menu{ 
    width:211px;
	background:#de2a55;
	text-align:left;
	}
	
.ui-menu .menu .product-menu-list{
	position:absolute;
	left:0px;
	width:205px;
	height:488px;
	border:3px solid #de2a55;
	border-top:none;
	background:#fff;
	}

.ui-menu .menu .product-menu-list .category{
	padding:10px 8px;
	}

.ui-menu .menu .product-menu-list .category .category-list{
	width:189px;
	font-size:14px;
	font-weight:bold;
	color:#404040;
	margin-bottom:20px;
	z-index:1000;
	cursor:pointer;
    }
	
.ui-menu .menu .product-menu-list .category .category-list .list-title{
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	margin:0px;
	}
	
.ui-menu .menu .product-menu-list .category .category-list .second-list{ 
     width:500px;
	 height:500px;
	 position:absolute;
	 left:211px;
	 display:block;
	 border: 1px solid #de2a55;
	 z-index:1000;
	
	
	}

.ui-menu .menu .product-menu-list .category li .product{
	margin-top:5px;
	}

.ui-menu .menu .product-menu-list .category li .product .product-list{
	font-size:12px;
	font-weight:normal;
	color:#404040;
	float:left;
	margin-right:5px;
	cursor:pointer;
	}

.ui-menu .menu .product-menu-list .category li .product .product-list:hover{
	color:#df2a55;}
	
.ui-menu ul{
    margin:0;
    overflow: hidden;
}
.ui-menu ul li{
    float: left;
}
.ui-menu ul li a{
    color: #fff;
    font-size: 18px;
    display: inline-block;
    padding:0 20px;
    line-height: 40px;
}
.ui-menu ul li a:active,
.ui-menu ul li a:hover
{
    background: #de2a55;
}


/*商城主页*/

.main-content{
	width:1200px;
	margin:0 auto;
	
    }
.first-screen{
	width: 1200px;
	}
.first-screen .first-left,.first-right{
	float:left;
    }
	
.first-screen .first-left{
	width:970px;}

.first-screen .first-left .focusbanner,.adpics{
	margin-left:216px;
	cursor:pointer;}
	
.first-screen .first-right{
	width:225px;}
	
.first-screen .focusbanner{
	width:754px;
	height:282px;
	margin-top:5px;}
.first-screen .adpics{ 
    margin-top:5px;}
	
.first-screen .first-right{
	width:225px;
	margin-left:5px;
	}	

.first-right .promote{
	width:223px;
	height:270px;
	background:#fafafa;
	border:1px solid #f0f0f0;}
.first-right .promote img{
	cursor:pointer;}

.promote .promote-head{
	height:34px;
	background:#eee;}
.promote .promote-head li{
	cursor:pointer}
.promote .promote-head li:hover{
	text-decoration:underline;}
.promote .promote-head ul{
	margin:0px}

.promote .promote-head ul li{
	float:left;
	width:50px;
	height:34px;
	background:#eee;
	line-height:34px;
	text-align:center;}

.promote .promote-head ul .liactive{
	background:#fafafa;}

.first-right .firstscreenad{
	width:225px;
	height:420px;
	cursor:pointer;
	margin-top:5px;} 
	
.first-screen .rmtj{
	width:968px;
	margin-top:10px;}
.rmtj .rmtj-head{
	height:33px;}
	
.rmtj .rmtj-title{
	font-size:18px;
	color:#de2a55;
	float:left;
	height:33px;
	line-height:33px;
	padding-left:5px;} 
.rmtj .rmtj-head ul{
	float:left}
.rmtj .rmtj-head ul li{
	float:left;
	width:126px;
	height:33px;
	text-align:center;
	line-height:33px;
	cursor:pointer;
	}
.rmtj .rmtj-head ul li:hover{
	color:#df2a55}
.rmtj .rmtj-head ul .rmtjact{
	color: #e4393c;
	border: 1px solid #E6E6E6;
	border-bottom: none;
	background: #fff;
	margin-bottom: 1px;
	}
.rmtj .rmtj-main{
	border: 1px solid #E6E6E6;
    padding: 0 1px 0 2px;
	height:275px;
	}
.rmtj .rmtj-main ul{
	margin:15px 0px 0px;}
	
.rmtj .rmtj-main ul li{
	width:240px;
	text-align:center;
	float:left;
	cursor:pointer;}
.rmtj .rmtj-main ul li img:hover{
	margin-left:-3px;}

.rmtj .rmtj-main ul li .tjname{
	font-size:14px;}
	
.rmtj .rmtj-main ul li .tjdiscount{
	font-size:18px;
	color:#de2a55;}
	
.floor{
	width:1198px;
	margin-top:20px;
    }
	
.floor .floor-head{
	height:30px;}
	
.floorno{
	float:left;
	margin-right:10px;
     }
.greenno{
	background:#28b885;
	color:#fff;
	width:30px;
	text-align:center;
	line-height:30px;}
	
.floor .floor-head h3{
	font-size:18px;
	color:#212121;
	line-height:33px;
	margin:0px;
	float:left}
.greenfloor{
	border-bottom:2px solid #28b885;}
	
.floor-main{
	border:1px solid #d4d4d4;;
    }
.floor-head ul{
	float:left;
	margin:0px;
	margin-left:70px;}
.floor-head ul li{
	width:100px;
	float:left;
	font-size:14px;
	line-height:30px;
	text-align:center;
	cursor:pointer;}
	
.floor-head ul li:hover{
	color:#de2a55}
	
.floor-head ul .greenact{
	background:url(../images/mmsc/greenarrow.jpg) no-repeat bottom center;}
.floor-main .floor-left,.floor-center,.floor-right{
	float:left}

.floor-left{ 
   width:198px;
   height:396px;
   background:#f1edec;
   border-right:1px solid #ebe4e2;}
.fnoborder{
	border-bottom:none;}
	   
.floor-left ul {
	margin:0px 5px;
	border-bottom:1px solid #d4d4d4;
	padding-top:15px;
    }

.floor-left ul li{
	width:94px;
	float:left;
	cursor:pointer;
    height:30px;
	line-height:30px;}
.floor-left ul li:hover{
	color:#de2a55;}
.floor-lefttitle{
	font-size:14px;
	margin-bottom:2px;
	cursor:default;}
	
.floor-center{
	width:800px;}
.floor-main .floor-left,.floor-center img{
	cursor:pointer;}
.floor-product ul{
	margin: 13px 0px 0px;}
.floor-product ul li{
	width:200px;
	text-align:center;
	float:left;}
.floor-product ul li img{
	cursor:pointer;}
.floor-product ul li .floor-price,.floor-name{
	text-align:left;
	padding:0px 10px;
	margin:0px;
	cursor:pointer;
	}	
.floor-product ul li .floor-name:hover{
	color:#de2a55;}

.floor-product ul li .floor-price{
	color:#c40000;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:13px;}

.floor-product ul li img:hover{ margin-left:-2px;}	
	
.floor-right{
	width:197px;
	background:#f1edec;}
	
.floor-right ul{
	margin:0px;}

.floor-right ul li{
	text-align:center;
	width:97px;
	height:65px;
	border-bottom:1px solid #ebe4e2;
	border-left:1px solid #ebe4e2;
	float:left;
	line-height:65px;
	cursor:pointer;
	vertical-align:central;}

.floor-right ul li img:hover{
	margin-left:-2px;}
	
.bluefloor{
	border-bottom:2px solid #48a9db;}
	
.blueno{
	background:#48a9db;
	color:#fff;
	width:30px;
	text-align:center;
	line-height:30px;}
	
.floor-head ul .blueact{
	background:url(../images/mmsc/bluearrow.jpg) no-repeat bottom center;}
	
.redfloor{
	border-bottom:2px solid #e5527f;}
	
.redno{
	background:#e5527f;
	color:#fff;
	width:30px;
	text-align:center;
	line-height:30px;}
	
.floor-head ul .redact{
	background:url(../images/mmsc/redarrow.jpg) no-repeat bottom center;}
	
.orangefloor{
	border-bottom:2px solid #ff8543;}
	
.orangeno{
	background:#ff8543;
	color:#fff;
	width:30px;
	text-align:center;
	line-height:30px;}
	
.floor-head ul .orangeact{
	background:url(../images/mmsc/orangearrow.jpg) no-repeat bottom center;}
.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 24px;
  height: 78px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background:url(../images/mmsc/left.png) no-repeat;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display:none;
}

.carousel-control.right {
  right: 15px;
  left: auto;
  background:url(../images/mmsc/right.png) no-repeat;
}

.carousel-control:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}


/* 底部 */
.ui-footer{
    margin: 40px 0 0 0;
    border-top: 1px solid #ccc;
    background: #EDEDED;
    height: 230px;
}
.ui-footer .footer{
    width: 960px;
    margin: 0 auto;
}
.ui-footer .content{
    overflow: hidden;
    margin: 0 0 10px 0;
}
.ui-footer .logo {
    float: left;
    margin: 20px 0 0;
    width: 300px;
}
.ui-footer .desc {
    float: left;
    margin: 45px 0 0 0;
    width: 400px;
}
.ui-footer .desc .share{
    margin: 0 0 10px 0;
}

.ui-footer .desc ul{
    margin: 0 0 10px 0;
    overflow: hidden;
}
.ui-footer .desc ul li{
    float: left;
}
.ui-footer .desc ul li a{
    color: #757979;
    margin: 0 2px ;
}
.ui-footer .change {
    float: left;
    margin: 60px 10px 0 0;
    width: 120px;
}
.ui-footer .change .text {
    line-height: 30px;
}

.ui-footer .change select{
    width: 100px;
}
.ui-footer .erweima {
    float: left;
    margin: 27px 0 0 0;
}
.ui-footer .erweima img{
	width:260px;
}
.ui-footer .erweima .text{
    font-size: 14px;
}
.ui-footer .natural{
   border-top: 1px solid #ccc;
}
.ui-footer .natural ul{
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 620px;
}
.ui-footer .natural ul li {
    float: left;
    margin: 15px 15px 0;
}
.ui-footer .natural li.one{
    background: url('../images/img/natural.png') no-repeat 0 0;
    width: 124px;
    height: 54px;
}

.ui-footer .natural li.two{
    background: url('../images/img/natural.png') no-repeat 0 -57px;
    width: 124px;
    height: 54px;
}
.ui-footer .natural li.three{
    background: url('../images/img/natural.png') no-repeat 0 -115px;
    width: 124px;
    height: 54px;
}
.ui-footer .natural li.four{
    background: url('../images/img/natural.png') no-repeat 0 -173px;
    width: 124px;
    height: 54px;
}
